CSS property - border-width

Beschrijving

Deze eigenschap is de stenonotatie van de eigenschappen

1. border-top-width,
2. border-right-width,
3. border-bottom-width en
4. border-left-width.

Deze eigenschap kan één, twee, drie of vier waarden hebben.

1. Wanneer één waarde wordt ingesteld dan geldt deze voor alle vier randen.
2. Wanneer twee waarden zijn ingesteld, dan geldt de eerste voor de boven- en onderrand en de tweede voor de rechter- en linkerrand.
3. Wanneer drie waarden zijn ingesteld, dan geldt de eerste waarde voor de bovenrand, de tweede waarde voor zowel de rechter- als de linkerrand en de derde waarde voor de onderrand.
4. Wanneer vier waarden zijn ingesteld, dan geldt als volgorde boven, rechts, onder en links. De verschillende waarden mogen gecombineerd gebruikt worden.

Je kan de border-with instellen met één van de CSS maateenheden, px, em, rem, %, of met de volgende genoemde waarden:

• thin
• medium
• thick

Voorbeeld

De border-width eigenschap is een steno weergave van de eigenschappen . Je kunt dan ook meerdere waarden tegelijk opnemen:

p {
    margin-top: 1em;
    margin-left: 3em;
    border-style: dotted solid dotted solid;
    border-width: 0.5em;
}